﻿var app = new Vue({
	el: '#app',
	data: {
		state: 1, //显示状态  1-证书管理  2-企业信息
		data: {
			CompanyInfo: '',
			Notice: '',
			NavList: '',
			Certificates: '',
		}, //后台数据
		currentDate: '', //当前日期
		currentDay: '', //当前是周几
		currentTime: '', //当前时间
		state1: 1, //更新状态
	},
	methods: {
		//初始化动画效果脚本
		initScript: function() {
			var _this = this;
			window.onresize = function() {
				location.reload();
			}
			if(xq.device == 1) {
				$('#iconList').on('mouseenter', 'li', function() {
					$(this).find('.toast1').show(500);
					$(this).find('h4').show(500);

					//					$(this).find('span').fadeIn(500);
				});
				$('#iconList').on('mouseleave', 'li', function() {
					$(this).find('.toast1').fadeOut(500);
					$(this).find('h4').fadeOut(500);
					//					$(this).find('span').fadeOut(500);
				});
				//				$('.zhengshu').find('img').removeClass().addClass('animated zoomIn infinite');
				//				var mainLeft = $('.main-left').height();
				//				$('.main-right').height(mainLeft);				
				//nav的动画
				$('#navTab').on('mouseenter', '.Tablist', function() {
					//                  $(this).find('img').removeClass().addClass('animated zoomIn infinite');
					$(this).siblings().find('img').stop().animate({
						width: '0.56rem'
					}, 200);
					$(this).find('img').stop().animate({
						width: '0.7rem'
					}, 200);
					var attrName = $(this).attr('data-id');
					switch(attrName) {
						case '证书管理':
							_this.state = 1;
							break;
						case '企业信息':
							_this.state = 2;
							break;
					}
				});
			}
		},
		//生成日期时间
		getCurrentTime: function() {
			var _this = this;
			this.currentDate = xq.getYMDHM('', 'yymmdd');
			this.currentDay = xq.getYMDHM('', 'day');
			this.currentTime = xq.getYMDHM('', 'hh:mm:ss');
			setInterval(function() {
				_this.currentTime = xq.getYMDHM('', 'hh:mm:ss');
			}, 1000);
		},
		//调取后台api
		getData: function() {
			var _this = this;
			var method = 'DashBoard/GetUnionBusiness';
			//var method = 'http://192.168.1.99:8011/api/api/DashBoard/GetUnionBusiness';
			var param = {};
			xq.getUrl(method, param, function(res) {
				if(res.data) {
					_this.data = res.data;
					_this.data.CompanyInfo = res.data.CompanyInfo;
					_this.data.Notice = res.data.Notice;
					_this.data.Certificates = res.data.Certificates;
					for(var i = 0; i < res.data.NavList.length; i++) {
						switch(res.data.NavList[i].NavTitle) {
							case '证书管理':
								res.data.NavList[i].src = 'img/zhengshuguanli.png';
								res.data.NavList[i].class1 = 'zhengshu';
								res.data.NavList[i].class2 = 'zoomInRight';
								res.data.NavList[i].class3 = 'bounceInDown';
								break;
							case '人员管理':
								res.data.NavList[i].src = 'img/renyaunguanli.png';
								res.data.NavList[i].class1 = 'renyuan';
								res.data.NavList[i].class2 = 'zoomInLeft';
								res.data.NavList[i].class3 = 'bounceInDown';
								break;
							case '企业信息':
								res.data.NavList[i].src = 'img/qiyeguanli.png';
								res.data.NavList[i].class1 = 'qiye';
								res.data.NavList[i].class2 = 'zoomInRight';
								res.data.NavList[i].class3 = 'bounceInDown';
								break;
							case '培训管理':
								res.data.NavList[i].src = 'img/peixungaunli.png';
								res.data.NavList[i].class1 = 'peixun';
								res.data.NavList[i].class2 = 'zoomInLeft';
								res.data.NavList[i].class3 = 'bounceInLeft';
								break;
							case '系统管理':
								res.data.NavList[i].src = 'img/system.png';
								res.data.NavList[i].class1 = 'system';
								res.data.NavList[i].class2 = 'zoomInUp';
								res.data.NavList[i].class3 = 'bounceInUp';
								break;
						}
					}
					_this.data.NavList = res.data.NavList;
					_this.$nextTick(function() {
						var mainLeft = $('.main-left').height();
						$('.main-right').height(mainLeft);
						$('.zhengshu').find('img').stop().animate({
							width: '0.7rem'
						}, 200);

						$('.menuiwin').on('click', top.jQuery.learuntab.addTab);
						//$('.menuiwin').on('click', function () {
						//    xq.toast1(11);
						//});

					});
				}
			})
		},

	},
	mounted: function() {
		this.initScript();
		this.getData();
		this.getCurrentTime();
	},
	updated: function() {

	}
})